草庐IT

jQuery Mobile 页面

全部标签

javascript - 使用javascript获取页面加载的百分比?

我正在编写一个iphone应用程序,需要显示一个进度条来显示网页的加载进度。我想向这个页面插入一个JS函数,一旦我调用它,它就会给我加载进度(加载了多少字节和总大小)。这可能吗?谢谢 最佳答案 不,这不可能。您可以通过将页面分解成小块并使用ajax请求一个一个地加载来模拟它,但我认为这不值得这么麻烦。另一个想法是把一些小脚本放在percentage+=10;updateProgressBar();通过您的页面。该脚本将在第二个浏览器加载(或解析)它时执行,因此您将能够估计进度。 关于ja

javascript - 单击后打开的非 Angular 页面

我正在尝试实现以下测试场景:点击页面上的Logo断言打开了一个新的浏览器窗口(Chrome中的选项卡)并检查当前URL问题是在新浏览器窗口中打开的页面是一个非Angular页面,而我在其中执行点击的主页是一个Angular页面.这是我的第一次尝试:it("shouldshowlogo",function(){varlogo=scope.page.logo;expect(logo.isDisplayed()).toEqual(true);//opensanewpageonclicklogo.click().then(function(){browser.getAllWindowHandl

javascript - 页面加载前的 Webpack SCSS "Flicker"

我正在开发一个同构的React+Flux+express应用程序,并为我的sass(带有sass-loader)和jsx文件使用webpack加载器。我不确定如何将样式表注入(inject)服务器端模板。为此,我查看了ExtractTextPlugin,但我真的希望能够使用热模块替换。现在,我正在像这样在React组件中加载我的main.scss文件:if(typeofwindow!=='undefined'){require("!style!css!sass!../../../styles/main.scss");}这适用于在组件中加载单个样式表,但在安装React部分之前会出现闪烁

javascript - 如何使用CSS让div从页面底部向上滑动

我有一个包含以下类的div:.overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:500;overflow:auto;}.slider{overflow-y:hidden;max-height:100vh;transition-property:all;transition-duration:1s;transition-timing-function:cubic-bezier(0,1,0.5,1);&.close{max-height:0;}}我希望div从页面底部向上滑动以适合整个屏幕。现在它从页面顶部滑动以适应整

javascript - 以 Angular 4 在路由器导出外加载页面

我正在开发一个angular4应用程序,我想在router-outlet之外加载login.page.ts这是我的home.component.html文件路由配置constMAINMENU_ROUTES:Routes=[{path:'login',component:LoginComponent},{path:'',redirectTo:'home',pathMatch:'full'},{path:'home',component:HomeComponent,canActivate:[AuthGuard]}];有了这个,我可以在路由器内加载登录页面,但我想在进入路由器导出之前全屏加载

javascript - 有没有办法从 JavaScript 检测到我在 Selenium Webdriver 页面中

我想抑制TinyMCE的初始化在我的测试中,如果JavaScript可以检测到我在Selenium自动化页面中运行,则可以轻松地做到这一点。那么,是否有一些JavaScript代码可以用来检测Selenium驱动程序?或者,如何扩展userAgent字符串以包含可以从JavaScript检测到的模式?如果它真的很重要,我将通过Cucumber运行它和Capybara在MacOSX上。 最佳答案 据我所知,Selenium没有提供跨浏览器方法来检测它是否正在驱动浏览器。在Firefox中,webdriver设置webdriverhtm

javascript - 我可以使用 p5js 在同一页面上创建多个 Canvas 元素吗

我尝试使用p5js绘制一些点,它确实工作得很好,但我还想要另一个可以显示来自相机的实时视频的Canvas元素。当我添加另一个Canvas元素时,第一个Canvas变为空白。现在我尝试使用多个javascript文件来处理不同的Canvas。相机.jsvarcapture;functionsetup(){varvideo=createCanvas(390,240);capture=createCapture(VIDEO);capture.size(320,240);capture.hide();//setparenttodivwithidleftvideo.parent("left");

javascript - 有没有办法在javascript中检测页面搜索中的查找

每个浏览器都有在页面上查找功能(ctrl+F)。有没有一种方法可以检测javascript中的用户搜索,以便我可以附加其他操作。 最佳答案 这是一个解决方案,可以解决替代页面查找情况(例如Command+F,Firefox上的“/”)。它会检查这些按键中的任何一个,并在它们发生时设置一个计时器。如果窗口很快变模糊,则认为正在显示“查找”对话框。缺点:不考虑通过菜单启动的“查找”对话框。我看不出有什么方法可以确定这部分,因为(至少据我所知)浏览器UI禁止在DOM中运行Javascript。varkeydown=null;$(windo

javascript - 此页面上的不同元素似乎以不同的速度滚动。这是怎么做到的?

我指的效果可见于http://whyinteractive.com/showreel.这些元素似乎以不同的速度前后滚动,产生了一些很酷的效果。这是怎么做到的? 最佳答案 您正在寻找的是所谓的视差效果。您可以在以下网站了解更多信息:http://locomotivation.squeejee.com/post/109269802/jquery-parallax-scrolling-build-your-own-1980s-video-gamhttp://stephenmcintyre.net/blog/jquery-parallax-

javascript - 如何告诉 CasperJS 循环访问一系列页面

我尝试让CasperJS实现以下目标:浏览一系列按日期命名的页面。在每个页面上找到一个PDF链接。下载PDF。我有一些工作代码,但我不明白CasperJS是如何处理事件序列的。例如,在下面的代码示例中,CasperJS尝试处理第2步,并抛出“ReferenceError:找不到变量:formDate”,而第1步由于某种原因根本没有执行。我的推理有什么问题?在我看来,while循环的执行速度与casper.then方法不同。casper.start();casper.thenOpen('http://www.example.com',function(){this.echo(this.g